<script setup lang="ts">
/**
 * @propertychecked - Checkbox 是否被选中。
 */
const props = defineProps<{
  checked?: boolean
}>()
</script>

<template>
  <view
    class="flex justify-center items-center w-36rpx h-36rpx rounded-16rpx border-solid border-2rpx"
    :class="[props.checked ? 'border-#FF6D0A bg-[#FF6D0A]' : 'border-#aaaaaa']"
  >
    <image v-if="props.checked" class="w-24rpx h-24rpx" src="@/static/images/index/check.png" />
  </view>
</template>
